<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
    
    <title>近期健康信息</title>
    
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="体检信息">
	
	<link rel="stylesheet" type="text/css" href="/POMR/resources/jQueryTimeAxis/css/jquery.eeyellow.Timeline.css" />
	<script src="/POMR/resources/bootstrap/js/bootstrap.min.js"></script>
    <script type="text/javascript" src="/POMR/resources/jQueryTimeAxis/js/jquery.eeyellow.Timeline.js"></script>
	<!--
	<link rel="stylesheet" type="text/css" href="styles.css">
	-->
	<style type="text/css">
		td{
			vertical-align: middle;
		}
	</style>
  </head>
  
  <body>
    <div class="panel panel-default">
	    <div class="panel-heading">
	        <h3 class="panel-title">就诊信息</h3>
	    </div>
	    <ul id="myTab" class="nav nav-tabs">
		    <li class="active">
		        <a href="#time" data-toggle="tab">时间线</a>
		    </li>
		    <li><a href="#jb" data-toggle="tab">疾病</a></li>
		    <li><a href="#jg" data-toggle="tab">机构</a></li>
		</ul>
		<div id="myTabContent" class="tab-content">
			<!-- 时间线 -->
			<div class="tab-pane fade in active" id="time">
		    	<div class="VivaTimeline" >
	                    <dl>
	                        <dd class="pos-left clearfix">
	                            <div class="circ"></div>
	                            <div class="time">2018-04-27 10:15</div>
	                            <div class="events">
	                                <div class="events-header">洛阳路社区</div>
	                                <div class="events-body">
	                                    <div class="row">
	                                        <div class="events-desc">
	                                            <table class="table table-bordered">
	                                            	<tr>
	                                            		<td><label>就诊类型</label></td><td><div>门诊/住院</div></td>
	                                            		<td><label>医生</label></td><td><div>刘璐</div></td>
	                                            	</tr>
	                                            	<tr>
	                                            		<td><label>诊断</label></td><td colspan="3"><div>感冒</div></td>
	                                            	</tr>
	                                            </table>
	                                        </div>
	                                    </div>
	                                	<div class="row">
	                                        <div class="events-desc">
	                                            <table class="table table-bordered">
	                                            	<tr>
	                                            		<td class="col-sm-3"><label>用药</label></td><td><div>青霉素</div></td>
	                                            	</tr>
	                                            	<tr>
	                                            		<td class="col-sm-3"><label>检查、检验</label></td><td><div>血常规</div></td>
	                                            	</tr>
	                                            </table>
	                                        </div>
	                                    </div>
	                                </div>
	                            	<div class="events-footer">
	                                    12
	                                </div>
	                            </div>
	                        </dd>
	                        
	                    </dl>
	                </div>
		    </div>
		    <div class="tab-pane fade" id="jb">
		    	<div class="panel-group" id="accordion">
		    		<div class="panel panel-default">
				        <div class="panel-heading">
				            <h4 class="panel-title">
				                <a data-toggle="collapse" data-parent="#accordion" 
				                href="#collapseOne">
				                	病毒性感冒
				                </a>
				            </h4>
				        </div>
				        <div id="collapseOne" class="panel-collapse collapse in">
				            <div class="panel-body">
				                <table class="table table-bordered">
                                	<tr>
                                		<td><label>就诊机构</label></td><td><div>洛阳路服务卫生中心</div></td>
                                		<td><label>就诊类型</label></td><td><div>门诊/住院</div></td>
                                		<td><label>医生</label></td><td><div>刘璐</div></td>
                                		<td><label>就诊时间</label></td><td><div>2018-04-27 10:15</div></td>
                                	</tr>
                                	<tr>
                                		<td><label>诊断</label></td><td colspan="7"><div></div></td>
                                	</tr>
                                	<tr>
                                		<td><label>用药</label></td><td colspan="3"><div></div></td>
                                		<td><label>检查、检验</label></td><td colspan="3"><div></div></td>
                                	</tr>
                                </table>
                                <table class="table table-bordered">
                                	<tr>
                                		<td><label>就诊机构</label></td><td><div>洛阳路服务卫生中心</div></td>
                                		<td><label>就诊类型</label></td><td><div>门诊/住院</div></td>
                                		<td><label>医生</label></td><td><div>刘璐</div></td>
                                		<td><label>就诊时间</label></td><td><div>2018-04-27 10:15</div></td>
                                	</tr>
                                	<tr>
                                		<td><label>诊断</label></td><td colspan="7"><div></div></td>
                                	</tr>
                                	<tr>
                                		<td><label>用药</label></td><td colspan="3"><div></div></td>
                                		<td><label>检查、检验</label></td><td colspan="3"><div></div></td>
                                	</tr>
                                </table>
				            </div>
				        </div>
				    </div>
		    	</div>
		    </div>
		</div>
	</div>
	<script type="text/javascript">
        $(document).ready(function () {
            $('.VivaTimeline').vivaTimeline({
                carousel: true,
                carouselTime: 5000
            });
        });
    </script>
  </body>
</html>
